<template>
  <div class='app-box'></div>
</template>
<script setup lang='ts'>
/**
 * 关于ts中 ! 的使用 和 !! 的使用
 */
type personType = {
  name: string;
  age?: number;
  address?: string;
};

const xiaoMing: personType = {
  name: '嘿嘿',
  address: '哈哈'
};
/**
 * 此时，我们在给age赋值时会报错，因为age可能会是undefined
 * 那么在typescript有哪些解决方式
 */
//第一种，使用 ?? 进行判断，这种方式类似于 三元逻辑判断
// const age:number=xiaoMing.age??0;

//第二种，使用 ! 或者 as 进行断言
const age: number = xiaoMing.age!;
console.log(25, age);

const temp = null;
// !! 的作用就是 将其强制转换为boolean类型
console.log(26, !!temp);
/**
 * undefined
 * null
 * 0
 * ''
 * 都是false
 */
</script>
<style scoped></style>
